page{
  background-color: #F7FAF8;
  .goldRecord{
    .flex {
      display: flex;
      align-items: center;
      justify-content: space-between;
    }
    .selectWrap {
      height: 72px;
      background: #373C48;
      .selectOne{
          width: 50%;
          text-align: center;
          color: #fff;
          height: 100%;
          font-size: 30px;
          display: inline-block;
          .selectName{
              height: 68px;
              width: 220px;
              line-height: 68px;
              display: inline-block;
              text-align: center;
          }
          &:nth-of-type(2){
            &::before{
              color: #b1b1b1;
              font-size: 18px;
              content: '';
              display: inline-block;
              width: 2px;
              height: 40px;
              background: #fff;
              margin-top: 18px;
              float: left;
            }
          }
      }
      .selectActive {
        color: #30CE84;
        .selectName {
            border-bottom: 4px solid #30CE84;
        }
      }
    }

    .recordW {
      .recordLi {
          background: #fff;
          border-radius: 10px;
          margin-top: 24px;
          font-size: 26px;
          box-sizing: border-box;
          padding: 32px;
          &:first-of-type{
            margin-top: 0;
          }
          .reName {
            background: transparent;
            line-height: 88px;
            font-size: 30px;
            color: #181A19;
            .see{
                color: #30ce84;
                text-decoration: underline;
                font-size: 24px;
            }
          }
          .reInfoW {
              border-radius: 0 0 10px 10px;
              .reInfo {
                position: relative;
                border-radius: 0 0 10px 10px;
                color: #999;
                .infoInner{
                  padding-top:30px;
                  font-size: 24px;
                }
                .total{
                  position: absolute;
                  bottom: 5px;
                  right: 20px;
                  font-size: 24px;
                  color: #181A19;
                  .price{
                    color: #F23D3D;
                    font-size: 28px;
                  }
                }
              }
              .more{
                margin-top: 48px;
              }
              .recover{
                width: 100%;
                background: #30CE84;
                color: #fff;
                text-align: center;
                line-height: 88px;
                border-radius: 10px; /*no*/
                font-size: 30px;
                margin-top: 48px;
                &.recoverNo{
                  background: #DEDEDE;
                  color: #4A4A4A;
                }
              }
          }
      }
    }

    .headFixed {
      position: fixed;
      width: 100%;
      z-index: 2;
      background: #373C48;
    }


    .gold-bnt-info{
      background: transparent;
      text-align: left;
      color: #999999;
      overflow: hidden;
      transition: 0.5s;
      position: relative;
      font-size: 24px;
      line-height: 40px;
      .bntInfo{
        padding: 10px 0;
      }
      .bntTop{
        padding-top: 15px;
      }
      .bntBottom{
        padding-bottom: 15px;
      }

    .backMoney{
      position: absolute;
      color: #181A19;
      bottom: 10px;
      right: 12px;
      font-size: 24px;
    }


    .total{
        position: absolute;
        bottom: 6px;
        right: 14px;
        font-size: 15px;
    }
    }
    .gold-bnt{
      height: 88px;
      display: flex;
      align-items: center;
      justify-content: center;
      .more-btn{
        font-size: 20px;
        padding: 13px 37px;
        border: 1px solid #999;
        border-radius: 30px;
        display: flex;
        align-items: center;
        justify-content: center;
      }
    }
    .moreIcon{
      display: inline-block;
      width: 40px;
      height:40px;
      transform:rotate(180deg);
      transition: 0.5s;
    }
    .notingImg{
      width: 276px;
      height: 262px;
      margin: auto;
      display: block;
    }
    .dig-title{
      text-align: center;
      font-size: 30px;
    }
    .dig-content{
      text-align: center;
      margin-top: 20px;;
    }
  }
}
